<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>用户登录</title><base target="_blank" />
<!-- 引入jquery -->
<script type="text/javascript" src="${pageContext.request.contextPath}/static/public/js/jquery-1.4.4.min.js"></script>
    
<script type="text/javascript">
    $(function(){
    	$("#logins").click(function(){ 
    		var username=$("#username").val();
    		var pw=$("#pw").val();
    		window.location.href="${pageContext.request.contextPath}/usert/login?username="+username+"&pw="+pw; 
    	});
        
    });
</script>
<style>
*{
	padding:0px;
	margin:0px;
 }
a{color:White}
body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(${pageContext.request.contextPath}/static/public/img/grass.jpg) no-repeat center;
	font-size:13px; 
}
img{
	border:0;
}
.lg{width:468px; height:468px; margin:100px auto; background:url(${pageContext.request.contextPath}/static/public/img/login_bg.png) no-repeat;}
.lg_top{ height:200px; width:468px;}
.lg_main{width:400px; height:180px; margin:0 25px;}
.lg_m_1{
	width:290px;
	height:100px;
	padding:60px 55px 20px 55px;
}
.ur{
	height:37px;
	border:0;
	color:#666;
	width:236px;
	margin:4px 28px;
	background:url(${pageContext.request.contextPath}/static/public/img/user.png) no-repeat;
	padding-left:10px;
	font-size:16pt;
	font-family:Arial, Helvetica, sans-serif;
}
.pw{
	height:37px;
	border:0;
	color:#666;
	width:236px;
	margin:4px 28px;
	background:url(${pageContext.request.contextPath}/static/public/img/password.png) no-repeat;
	padding-left:10px;
	font-size:16pt;
	font-family:Arial, Helvetica, sans-serif;
}
.bn{width:330px; height:72px; background:url(${pageContext.request.contextPath}/static/public/img/enter.png) no-repeat; border:0; display:block; font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.lg_foot{
	height:80px;
	width:330px;
	padding: 6px 68px 0 68px;
}
</style>
</head>

<body class="b">
	<div class="lg">
	<form action="#" method="POST">
		<div class="lg_top"></div>
		<div class="lg_main">
		<div class="lg_m_1"> 
			<input name="username" value="" class="ur"  id="username"/>
			<input name="password" type="password" value="" class="pw"  id="pw"/> 
		</div>
		</div>
		<div class="lg_foot">
		   <input type="button" value="点这里登录" class="bn" id="logins" />
		</div>
	</form>
	</div>
	<div style="text-align:center;">
<!-- 	<p> -->
<!-- 	  <a href="http://keleyi.com/">首页</a>  -->
<!-- 	  <a href="http://keleyi.com/keleyi/phtml/">特效库</a>  -->
<!-- 	  <a href="http://keleyi.com/a/bjae/6asac24d.htm">原文</a> -->
<!-- 	</p> -->
	</div>
</body>
</html>